<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>兑换验证码</title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/public.css">
    <style>
        body{background: #f5f5f5}
        .header .center{
            overflow: hidden;
            width: 200px;
            border-radius: 5px;
            border:1px solid #ff6d82;
            height: 20px;
            margin-top: 10px;
            position: absolute;
            left:50%;
            margin-left: -100px;
        }
        .header .center p{
            float: left;
            text-align: center;
            width: 50%;
            margin: 0;
            font-size: 0.6rem;
            line-height: 20px;
            color:#ff6d82;
        }
        .header{
            overflow: hidden;
            position: relative;
        }
        .header a { color: #ff7674;}
        .center .active{
            background: #ff6d82;
            color: #ffffff !important;
        }
        .main{
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
        }
        .main_top input{
            width: 100%;
            border: 0;
            padding: 10px 0 10px 8px;
        }
        .main_top p{
            color: #ffffff;
            font-size: 0.8rem;
            text-align: center;
            width: 95%;
            padding: 9px 0;
            margin: 15px auto;
            background: rgb(255,109,130);
            border-radius: 5px;
            box-sizing: border-box;
        }
        .main_center {
            background: #ffffff;
            padding: 10px 0;
            overflow: hidden;
            box-sizing: border-box;
            width: 100%;
        }
        a.sy {
             position: absolute;
             width: auto;
             padding: 0 10px;
             height: 20px;
             font-size: 13px;
             top:0px;
             right: 0;
        }
        .main_center  .succese img{
            width: 40px;
            height: 40px;
            float: left;
        }
        .main_center  .succese p{
           float: left;
            padding-left: 10px;
        }
        .main_center .succese{
            height: 40px;
            line-height: 40px;
            text-align: center;
            position: relative;
            left:50%;
        }
        .main_center .succese .div{
            margin-left: -65px;
        }
        .main_bot{
            margin-top: 10px;
            padding: 13px 0 13px 10px;
            background: #ffffff;
            overflow: hidden;
        }
        .main_bot img{
            width: 70px;
            height: 70px;
            float: left;
        }
        .main_bot ul{
            float: left;
            margin-left: 10px;
            font-size: 0.7rem;
        }
        .main_bot ul li:nth-child(2),.main_bot ul li:nth-child(3){
            color: #777777;
            font-size: 0.6rem;
        }
        .main_bot ul li:nth-child(4) span{
            color: red;
        }
        .main_footer{
            margin-top: 10px;
            box-sizing: border-box;
        }
        .main_footer p{
            font-size: 0.7rem;
            background: #ffffff;
            padding: 6px 10px;
        }
        .main_footer ul{
            background: #ffffff;
            margin-top: 1px;
            padding: 6px 0 6px 10px;
            color: #777777;
            font-size: 0.65rem;
        }
        .main_footer ul li{
            padding: 3px 0;
        }
    </style>
</head>
<body>
<div class="header">
<i onclick="window.history.back(-1)"></i>
<div class="center"><p class="active">验证兑换码</p><p><a href="bs_order_list.html">商圈订单</a></p>

</div>
<a href="sq_brokerage.html" class="sy">收益</a>
</div>
<div class="main" style="margin-top: 0;">
    <div class="main_top">
        <input type="text" id="vr_code" placeholder="请输入验证码"/>
        <p id="check_vr_code">验证</p>
    </div>
    <div class="res">
    </div>
</div>
</body>
</html>
<script type="text/html" id="order_html">
    <div class="main_center">
        <div class="succese">
            <div class="div">
                <img src="img/yuan.png" alt=""/>
                <p>验证成功</p>
            </div>
        </div>
    </div>
    <div class="main_bot">
        <img src="<%= data['img_60'] %>" alt=""/>
        <ul>
            <li></li>
            <li>兑换码： <span><%= data['vr_code'] %></span></li>
            <li>下单时间： <span><%= data['vr_create_time'] %></span></li>
            <li>合计： <span>￥<%= data['goods_price'] %></span></li>
        </ul>
    </div>
    <div class="main_footer">
        <p>订单详情</p>
        <ul>
            <li>实付金额： <span>￥<%= data['goods_price'] %></span></li>
            <li>兑换码： <span> <%= data['vr_code'] %></span></li>
            <li>订单编号： <span><%= data['order_sn'] %></span></li>
            <li>下单时间： <span><%= data['vr_create_time'] %></span></li>
            <li>手机号码： <span><%= data['buyer_phone'] %></span></li>
        </ul>
    </div>
</script>
<script type="text/javascript" src="../../js/config.js"></script>
<script type="text/javascript" src="../../js/startmove.js"></script>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/template.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/tmpl/check_vr_code.js"></script>